<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<title>大数据管理平台</title>
		<meta charset="UTF-8">
		<link href="../css/BigData.css" rel="stylesheet" type="text/css" />
		<link href="../css/index.css" rel="stylesheet" type="text/css" />
		<link href="../css/index01.css" rel="stylesheet" type="text/css" />
		<link href="../css/Security_operation.css" rel="stylesheet" type="text/css" />
		<link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
	</head>
	<body>
		<div class="data_bodey">
			<div class="index_nav">
				<ul style="height: 30px; margin-bottom: 0px;">
					<li class="l_left total_chose_pl  nav_active">统计分析一</li>
					<li class="l_left total_chose_pl">统计分析二</li>
					<li class="r_right total_chose_pl">统计分析三</li>
					<li class="r_right total_chose_pl">统计分析四</li>
					<li class="r_right total_chose_pl">统计分析五</li>
				</ul>
				<div class="total_chose_box">
					<div style="height: 32px;"></div>
					<span class="chose_tltle">请选择年份：</span>
					<select class="year_chose">
						<option>2017</option>
						<option>2016</option>
						<option>2015</option>
						<option>2014</option>
						<option>2013</option>
						<option>2012</option>
					</select>
					<span class="chose_tltle">请输入月份：</span>
					<input class="chose_text_in">
					<button class="chose_enter">确定</button>
				</div>
				<div class="clear"></div>
			</div>
			<div class="index_tabs">
				<div class="inner">
					<div class="data_left03">
						<div class="dataAllNo01 maginS01">
							<div class="dataAllBorder01">
								<div class="dataAllBorder02">
									<div class="data_tit3">在训班级整体情况分析</div>
									<table class="table_data01" id="classTb">
										<tr>
											<td>班级名称</td>
											<td>在训人数</td>
											<td>项目经理</td>
											<td>重点关注人数</td>
											<td>课程阶段</td>
										</tr>
									</table>
									<p class="data_chart01" id="zhanbi02" style="width:90%;height:57.9%"></p>
								</div>
							</div>
						</div>
					</div>
					<div class="data_left04">

						<!--style="margin-top: 6.3%"-->
						<div class="dataAllNo01">
							<div class="dataAllBorder01">
								<div class="dataAllBorder02">
									<div class="data_tit3">各班级作业情况分析</div>
									<table class="table_data02">
										<tr>
											<td class="font07">完成率</td>
											<td class="font03">
												<p id="Complete_rate"></p>
											</td>
											<td class="font07">提交率</td>
											<td class="font02">
												<p id="Submit_rate"></p>
											</td>
										</tr>
										<tr>
											<td class="font07">完成率低于40%占比</td>
											<td class="font01">
												<p id="Completerate_lt40"></p>
											</td>
											<td class="font07">完成率高于80%占比</td>
											<td class="font01">
												<p id="Completerate_gt80"></p>
											</td>
										</tr>
									</table>
									<p class="zhanleft02" id="allAly03"></p>
									<table class="table_data_ex", id="class_table2">
										<caption class="font04">本周核心作业完成率低于40%学员列表</caption>
										<tr>
											<td>姓名</td>
											<td>班级</td>
											<td>核心作业完成率</td>
											<td>课程阶段</td>
											<td>完善措施</td>
										</tr>
<!--										<tr>-->
<!--											<td>lihong</td>-->
<!--											<td>java297</td>-->
<!--											<td>20%</td>-->
<!--											<td>servlet阶段</td>-->
<!--											<td>加强补课</td>-->
<!--										</tr>-->
<!--										<tr>-->
<!--											<td>lihong</td>-->
<!--											<td>java297</td>-->
<!--											<td>20%</td>-->
<!--											<td>servlet阶段</td>-->
<!--											<td>加强补课</td>-->
<!--										</tr>-->
<!--										<tr>-->
<!--											<td>lihong</td>-->
<!--											<td>java297</td>-->
<!--											<td>20%</td>-->
<!--											<td>servlet阶段</td>-->
<!--											<td>加强补课</td>-->
<!--										</tr>-->
<!--										<tr>-->
<!--											<td>lihong</td>-->
<!--											<td>java297</td>-->
<!--											<td>20%</td>-->
<!--											<td>servlet阶段</td>-->
<!--											<td>加强补课</td>-->
<!--										</tr>-->
<!--										<tr>-->
<!--											<td>lihong</td>-->
<!--											<td>java297</td>-->
<!--											<td>20%</td>-->
<!--											<td>servlet阶段</td>-->
<!--											<td>加强补课</td>-->
<!--										</tr>	-->
									</table>
								</div>
							</div>
						</div>
					</div>
					<div class="data_left03">
						<div class="dataAllNo01 maginS01">
							<div class="dataAllBorder01">
								<div class="dataAllBorder02">
									<div class="data_tit3">各班级考核情况分析</div>			
										<table class="table_data02">
											<tr>
												<td class="font07">本周总成绩</td>
												<td class="font03">
													<p id="total"></p>
												</td>
												<td class="font07">平均成绩</td>
												<td class="font02">
													<p id="average"></p>
												</td>
											</tr>
										</table>
										<!--班级平均成绩图表-->
										<div id="allAly04" style="width: 100%; height: 45%;margin-top: 10px;"></div>
										<!--A/B/C/D类学员图表-->
										<div id="allAly05" style="width: 100%; height: 45%;margin-top: 0px;"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-----------项目扩展功能---------------->
					<div class="inner" style="display: none">
						<div class="clear"></div>
						<div class="data_left05">
							<div class="dataAllNo02 ">
								<div class="dataAllBorder01">
									<div class="dataAllBorder02">
										<div class="data_tit">当周项目经理发布作业次数</div>
										<div style="width: 400px; height: 322px; margin: auto; padding-top: 20px" id="shijian01"></div>
									</div>
								</div>

							</div>
						</div>
						<div class="data_left05">
							<div class="dataAllNo02 ">
								<div class="dataAllBorder01">
									<div class="dataAllBorder02">
										<div class="data_tit">学员各省就业空间展示</div>
										<div style="width: 800px; height: 300px; margin: auto" id="shijian03"></div>
									</div>
								</div>

							</div>
						</div>
						<div class="clear"></div>
						<div class="data_left05">
							<div class="dataAllNo02">
								<div class="dataAllBorder01">
									<div class="dataAllBorder02">
										<div class="data_tit">当周各班级考核次数</div>
										<div style="width: 400px; height: 322px; margin: auto;margin-top: 20px" id="shijian02"></div>
									</div>
								</div>
							</div>
						</div>
						<div class="data_left05">
							<div class="dataAllNo02">
								<div class="dataAllBorder01">
									<div class="dataAllBorder02">
										<div class="data_tit">学员空间定位信息</div>
										<div  style="width: 800px; height: 300px; margin: auto" id="shijian04"></p>
									</div>
								</div>

							</div>
						</div>
					</div>
				<!-----------项目扩展功能---------------->
				</div>
			</div>
	</body>
</html>
<script src="../js/echarts.min.js"></script>
<script src="../js/jquery.js"></script>
<script src="../js/index.js"></script>
<script src="../js/china.js"></script>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=1AoNV2RRAyOyIpZRfHPopWNKexyMmNfn"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5.2.0/dist/extension/bmap.min.js"></script>

<script type="text/javascript">
	/*陈春雨部分*/
	//发送异步请求，获取班级信息列表
	$(function(){
		$.ajax({
			url:"/manager/analysis/listClssesInfo",
			type:"get",
			dataType:"json",
			success:function (data) {
				//局部刷新表格数据
				console.log(data);
				if(data != null){
					$.each(data,function (index,item) {
						$("#classTb").append("<tr>" +
								"<td>"+item.f_classname+"</td>" +
								"<td>"+item.f_remainum+"</td>" +
								"<td>"+item.f_mastername+"</td>" +
								"<td>"+(item.num == undefined ? 0 : item.num)+"</td>" +
								"<td>"+item.f_progress+"</td>" +
								"</tr>");
					});
				}
			}
		});
	});
	//在训班级整体分析
	$(function() {
		var myChart = echarts.init($("#zhanbi02")[0]);
		option = {
			title: {},
			tooltip: {
				trigger: 'axis'
			},
			legend: {
				data: ['在训人数', '重点关注人数'],
				left: 'left',
				textStyle: {
					color: "#e9ebee"

				},
			},
			xAxis: {
				type: 'category',
				data: ['1'],
				axisLine: {
					show: true,
				},
				splitLine: {show: false},
				splitArea : {show : false},
				axisLabel: {
					formatter: '{value} ',
					textStyle: {
						color: '#a4a7ab',
						align: 'right'
					}
				},
			},
			yAxis: {
				type: 'value',
				splitLine: {show: false},
				axisLine: {
					show: true,
				},
				splitArea : {show : false},
				axisLabel: {
					formatter: '{value} ',
					textStyle: {
						color: '#a4a7ab',
						align: 'right'
					}
				},

			},
			series: [{
					name: '在训人数',
					type: 'line',
					data: [1],
					markPoint: {
						data: [
							{ type: 'max', name: 'Max' },
							{ type: 'min', name: 'Min' }
						]
					},
					markLine: {
						data: [{ type: 'average', name: 'Avg' }]
					}
				},{
					name: '重点关注人数',
					type: 'line',
					data: [1],
                    markPoint: {
                        data: [
                            { type: 'max', name: 'Max' },
                            { type: 'min', name: 'Min' }
                        ]
                    },
					markLine: {
						data: [
							{ type: 'average', name: 'Avg' }
						]
					}
				}]
		};
		myChart.setOption(option);
		$.ajax({
			type: "get",//向后台发送请求的方式
			url: "/manager/analysis/listClssesInfo",//向后台请求的url地址
			dataType: "json",
			success: function(data){
				console.log(data);
				var arr=[];//遍历班级
				var arr1=[];//遍历在训人数
				var arr2=[];//遍历重点关注人数
				//循环遍历服务器返回的数组对象
				for(var i=0;i<data.length;i++){
					//获取每一个数组元素
					var obj=data[i];
					//获取obj对象的属性值
					var classname=obj.f_classname;
					if(obj.num == undefined){
						obj.num=0;
					}
					else{
						obj.num=obj.num;
					}
					var remainum=obj.f_remainum;
					var num=obj.num;
					arr[i]=classname;
					arr1[i]=remainum;
					arr2[i]=num;
				}
				myChart.setOption({
					xAxis: [{
						data: arr
					}],
					yAxis:{},
					series: [{
						name: '在训人数',
						type: 'line',
						data: arr1
					},{
						name: '重点关注人数',
						type: 'line',
						data: arr2
					}]
				});
			},
			error: function(){
				alert("异步交互失败~");
			}
		})
	});

	// 田豪举部分
	//当周所有班级学员核心作业完成率
	$(function () {
		$.ajax({
			type:"get", //向后台发送请求的方式
			url:"/manager/analysis/findClassesCoreTaskCompleteRate", //向后台请求的url地址
			dataType:"json", //服务器返回的数据类型
			success:function(data){
				console.log(data);
							var key = [];
							key=Object.keys(data);
							console.log(key);
							for(var i = 0; i < key.length; i++){
								value=data[key[i]]+"%";
								console.log(value);
								if(i==0){
									document.getElementById("Complete_rate").innerHTML = value;
								}else{
									document.getElementById("Complete_rate").innerHTML = value;
								}
							}
			},
			error:function(){
				alert("异步交互失败~");
			}
		});
	})
	//    当周所有班级学员核心作业提交率
	$(function () {
		$.ajax({
			type:"get", //向后台发送请求的方式
			url:"/manager/analysis/findClassesCoreSubmitRate", //向后台请求的url地址
			dataType:"json", //服务器返回的数据类型
			success:function(data){
				console.log(data);
				var key = [];
				key=Object.keys(data);
				console.log(key);
				for(var i = 0; i < key.length; i++){
					value=data[key[i]]+"%";
					console.log(value);
					if(i==0){
						document.getElementById("Submit_rate").innerHTML = value;
					}else{
						document.getElementById("Submit_rate").innerHTML = value;
					}
				}
			},
			error:function(){
				alert("异步交互失败~");
			}
		});
	})
	//    当周所有班级学员核心作业完成率低于40%占比
	$(function () {
		$.ajax({
			type:"get", //向后台发送请求的方式
			url:"/manager/analysis/findClassesCoreTaskCompleteRateLt40", //向后台请求的url地址
			dataType:"json", //服务器返回的数据类型
			success:function(data){
				console.log(data);
				var key = [];
				key=Object.keys(data);
				console.log(key);
				for(var i = 0; i < key.length; i++){
					value=data[key[i]]+"%";
					console.log(value);
					if(i==0){
						document.getElementById("Completerate_lt40").innerHTML = value;
					}else{
						document.getElementById("Completerate_lt40").innerHTML = value;
					}
				}
			},
			error:function(){
				alert("异步交互失败~");
			}
		});
	})
	//    当周所有班级学员核心作业完成率大于80%占比
	$(function () {
		$.ajax({
			type:"get", //向后台发送请求的方式
			url:"/manager/analysis/findClassesCoreTaskCompleteRateGt80", //向后台请求的url地址
			dataType:"json", //服务器返回的数据类型
			success:function(data){
				console.log(data);
				var key = [];
				key=Object.keys(data);
				console.log(key);
				for(var i = 0; i < key.length; i++){
					value=data[key[i]]+"%";
					console.log(value);
					if(i==0){
						document.getElementById("Completerate_gt80").innerHTML = value;
					}else{
						document.getElementById("Completerate_gt80").innerHTML = value;
					}
				}
			},
			error:function(){
				alert("异步交互失败~");
			}
		});
	})
	//核心作业提交率和完成率统计图表展示
	$(function() {
		var myChart = echarts.init($("#allAly03")[0]);
		option = {
			title: {
				text: '本周核心作业提交率和完成率统计',
				textStyle: {
					color: "#e9ebee"

				},
				x: 'center'

			},
			tooltip: {
				trigger: "axis",
				axisPointer: {
					type: "shadow"
				}

				,
				itemStyle: {
					normal: {
						label:{
							show:true,
							formatter:'{c}%'
						}
					}
				}
				,
				// formatter:'{c}%'
				// formatter: '{b}:{c}%'
				formatter: function (params)//数据格式
				{
					var relVal = params[0].name + "<br/>";
					relVal += "完成率:  " + params[0].value + "%" + "<br/>";
					relVal += "提交率:  " + params[1].value + "%";
					return relVal;
				}
			},
			legend: {
				orient: 'vertical',
				x: 50,
				data:['完成率', '提交率'],
				textStyle: {
					color: "#e9ebee"
				},
			},
			calculable: false,
			xAxis: [{
				type: 'category',
				splitLine: {
					show: false
				},
				axisLabel: {
					formatter: '{value} ',
					textStyle: {
						color: '#a4a7ab',
						align: 'right'
					}
				},
				data: ["java293","java294","java295","java296","java297","java298"]
			}],
			yAxis: [{
				type: 'value',
				splitLine: {
					show: false
				},
				axisLabel: {
					interval: 'auto',
					formatter: '{value} %',
					textStyle: {
						color: '#a4a7ab',
						align: 'right'
					}
				}
			}],
			grid: {
				y:100,
				y2:50,
				borderWidth: 0
			},
			series: [{
				name: '完成率',
				type: 'bar',
				data: [50, 20, 40, 87, 75, 67],
				itemStyle: {
					normal: {
						color: '#2481ff'
					}
				},
				markPoint: {
					itemStyle: {
						normal: {
							label:{
								show:true,
								formatter:'{c}%'
							}
						}
					},
					data: [{
						type: 'max',
						name: '最大值'
					},
						{
							type: 'min',
							name: '最小值'
						}
					]
				},
				markLine: {
					itemStyle: {
						normal: {
							label:{
								show:true,
								formatter:'{c}%'
							}
						}
					},
					data: [{
						type: 'average',
						name: '平均值'
					}]
				}
			}, {
					name: '提交率',
					type: 'bar',
					data: [80, 75, 90, 100, 60, 88],
					itemStyle: {
						normal: {
							color: '#1afffd'
						}
					},
					markPoint: {
						itemStyle: {
							normal: {
								label:{
									show:true,
									formatter:'{c}%'
								}
							}
						},
						data: [{
							color: '#FFFAFA',
							type: 'max',
							name: '最大值'

						},
							{
								type: 'min',
								name: '最小值'
							}
						]
					},
					markLine: {
						itemStyle: {
							normal: {
								label:{
									show:true,
									formatter:'{c}%'
								}
							}
						},
						data: [{
							type: 'average',
							name: '平均值'
						}]
					}
			}]
		};
		myChart.setOption(option);

		$.ajax({
			type:"get", //向后台发送请求的方式
			url:"/manager/analysis/listEveryClassesCoreTaskCompleteRateAndCoreSubmitRate", //向后台请求的url地址
			dataType:"json", //服务器返回的数据类型
			success:function(data){
				//异步交互成功的回调函数，data就是后台返回的json数据
				console.log(data);
				//声明数组
				var classnames = [];
				var avg_cores = [];
				var submit_rates = [];
				for(var i = 0; i < data.length; i++){
					var  obj = data[i];
					var f_classname =obj.f_classname;
					var avg_core =obj.avg_core;
					var submit_rate =obj.submit_rate;
					classnames[i]=f_classname;
					avg_cores[i]=avg_core;
					submit_rates[i]=submit_rate;
					// avg_cores[i]=avg_core+'%';
					// submit_rates[i]=submit_rate+'%';
				}
				//console.log(arr);
				myChart.setOption({
					xAxis: [{
						data: classnames
					}],
					series: [{
						// 根据名字对应到相应的系列
						name: '完成率',
						data: avg_cores

					},{
						name: '提交率',
						data: submit_rates
					}
					]
				});
			},
			error:function(){
				alert("异步交互失败~");
			}
		});

	});
	//    当周核心作业完成率低于40%学员列表
	$(function(){
		$.ajax({
			type:"get",
			url:"/manager/analysis/listClassesCoreTaskCompleteRateLt40",
			dataType:"json",
			success:function (data) {
				//局部刷新表格数据
				console.log(data);
				if(data != null){
					$.each(data,function (index,item) {
						if(item.f_suggestion==null)
							item.f_suggestion='暂无';
						$("#class_table2").append("<tr>" +
								"<td>"+item.f_name+"</td>" +
								"<td>"+item.f_classname+"</td>" +
								"<td>"+item.f_core+"%"+"</td>" +
								"<td>"+item.f_progress+"</td>" +
								"<td>"+item.f_suggestion+"</td>" +
								"</tr>");
					});
				}
			}
		});
	});


	/*史明芳部分*/
	//各班级平均成绩
	$(function () {
		var myChart = echarts.init($("#allAly04")[0]);
		option = {
			title: {
				text: '本周各班级平均成绩',
				left: 'center',
				textStyle:{
					color: "white",
					fontWeight: "bold",
				}
			},
			tooltip: {
				trigger: 'item'
			},
			series: [
				{
					name: '平均成绩',
					type: 'pie',
					radius: '50%',
					data: [
						{value: 80, name: 'java297'},
						{value: 75, name: 'java230'},
						{value: 35.4, name: '大数据'},
						{value: 86, name: 'java299'},
						{value: 90, name: 'java289'}
					],
					emphasis: {
						itemStyle: {
							shadowBlur: 10,
							shadowOffsetX: 0,
							shadowColor: 'rgba(0, 0, 0, 0.5)'
						}
					}
				}
			]
		};

		$.ajax({
			type:"get", //向后台发送请求的方式
			url:"/manager/analysis/classAveragePointPage", //向后台请求的url地址
			dataType:"json", //服务器返回的数据类型
			success:function(data){
				//异步交互成功的回调函数，data就是后台返回的json数据
				console.log(data);
				//声明数组
				var arr = [];
				//循环遍历服务器返回的数组对象
				for(var i = 0; i < data.length; i++){
					//获取每一个数组元素
					var  obj = data[i];
					//获取obj对象的属性值
					var classname = "java"+obj.f_classname;
					var avg_score = obj.score_avg;
					//声明对象
					var target = {};
					target.name = classname;
					target.value = avg_score;
					arr[i] = target;
				}
				myChart.setOption({
					series: [{
						data: arr
					}]
				});
			},
			error:function(){
				alert("异步交互失败~");
			}
		});

		myChart.setOption(option);
	})
	//A/B/C/D类学员图表
	$(function(){
		var myChart = echarts.init($("#allAly05")[0]);
		option = {
			title: {
				text: '学员等级',
				textStyle:{
					color: "white",
					fontWeight: "bold",
				}
			},
			tooltip: {
				trigger: 'item'
			},
			legend: {
				data: ['A类','B类','C类','D类','E类'],
				left: '20%',
				textStyle: {
					color: "#e9ebee"

				},
			},
			series: [
				{
					name:'学员等级',
					type:'funnel',
					left: '10%',
					top: 60,
					bottom: 60,
					min: 0,
					max: 100,
					minSize: '0%',
					maxSize: '100%',
					sort: 'descending',
					gap: 2,
					label: {
						show: true,
						position: 'inside'
					},
					labelLine: {
						length: 10,
						lineStyle: {
							width: 1,
							type: 'solid'
						}
					},
					itemStyle: {
						borderColor: '#fff',
						borderWidth: 1
					},
					emphasis: {
						label: {
							fontSize: 20
						}
					},
					data: [
						{value: 60, name: 'E类'},
						{value: 40, name: 'D类'},
						{value: 20, name: 'C类'},
						{value: 80, name: 'B类'},
						{value: 100, name: 'A类'}
					]
				}
			]
		};

		$.ajax({
			type:"get", //向后台发送请求的方式
			url:"/manager/analysis/studentClassifyPage", //向后台请求的url地址
			dataType:"json", //服务器返回的数据类型
			success:function(data){
				//异步交互成功的回调函数，data就是后台返回的json数据
				console.log(data);
				//声明数组
				var arr = [];
				var key = [];
				key=Object.keys(data);
				console.log(key);
				//循环遍历服务器返回的数组对象
				for(var i = 0; i < key.length; i++){
					console.log(key[i]);
					var name=key[i];
					var value=data[name];
					//声明对象
					var target = {};
					target.name=name;
					target.value=value;
					arr[i] = target;

				}
				console.log(arr);
				//console.log(arr);
				myChart.setOption({
					series: [{
						data: arr
					}]
				});
			},
			error:function(){
				alert("异步交互失败~");
			}
		});

		myChart.setOption(option);
	});
	//本周总成绩和平均成绩
	$(function () {
		$.ajax({
			type:"get", //向后台发送请求的方式
			url:"/manager/analysis/totalAveragePointPage", //向后台请求的url地址
			dataType:"json", //服务器返回的数据类型
			success:function(data){
				console.log(data);
				var key = [];
				key=Object.keys(data);
				console.log(key);
				for(var i = 0; i < key.length; i++){
					value=data[key[i]];
					console.log(value);
					if(i==0){
						document.getElementById("total").innerHTML = value;
					}else{
						document.getElementById("average").innerHTML = value;
					}
				}
			},
			error:function(){
				alert("异步交互失败~");
			}
		});
	})



	/*扩展部分*/
	//当周项目经理发布作业次数模块
	$(function () {
		// 基于准备好的dom，初始化echarts实例
		var myChart = echarts.init(document.getElementById('shijian01'));
		// 指定图表的配置项和数据
		var option = {
			legend: {
				data: ['预计发布作业次数', '实际作业发布次数'],
				top: '0%',
				textStyle: {
					color: "#FFFFFF"
				}
			},
			radar: [{
				center: ['50%', '50%'],
				radius: 80,
			}],
			tooltip : {
				show : true,
				trigger: 'item',
			}
		};
		// 使用刚指定的配置项和数据显示图表。
		myChart.setOption(option);
		$.ajax({
			type: "get",//向后台发送请求的方式
            url: "/manager/analysis/listTaskInfo",//向后台请求的url地址
            dataType: "json",
            success: function(data){
				console.log(data);
				var name=[];
				var num=[];
				var obj=[];
				for(var i=0;i<data.length;i++){
					var object=new Object();
					object.name=data[i].name;
					object.value=data[i].num;
					obj.push(object);
					num.push(data[i].num);
				}
				myChart.setOption({
					radar: {
						indicator: obj
					},
					series: [
				{
					name: '发布作业次数',
					type: 'radar',
					data: [
						{
							value: [5, 5, 5, 5, 5, 5],
							name: '预计发布作业次数',
							label:{
						            show:true,
						           formatter: '{c}'
						          },
						    lineStyle: {
				                color: "#F5DA81"
			                }
						},
						{
							value: num,
							name: '实际作业发布次数',
							 label:{
						            show:true,
						           formatter: '{c}'
						          }
						}
					]
				}
			]
				})
			},
			error: function(){
                alert("异步交互失败~");
            }
		});
	})

	//当周班级考核次数
    $(function() {
		var myChart = echarts.init(document.getElementById('shijian02'));
		option = {
			title: {},
			tooltip: {
				trigger: 'axis'
			},
			legend: {
				data: ['标准考核次数', '实际考核次数'],
				left: 'center',
				textStyle: {
					color: "#e9ebee"

				},
			},
			xAxis: {
				type: 'category',
				data: ['1'],
				axisLine: {
					show: true,
				},
				splitLine: {show: false},
				splitArea: {show: false},
				axisLabel: {
					formatter: '{value} ',
					textStyle: {
						color: '#a4a7ab',
						align: 'right'
					}
				},
			},
			yAxis: {
				type: 'value',
				splitLine: {show: false},
				axisLine: {
					show: true,
				},
				splitArea: {show: false},
				axisLabel: {
					formatter: '{value} ',
					textStyle: {
						color: '#a4a7ab',
						align: 'right'
					}
				},

			},
			series: [
				{
					name: '标准考核次数',
					type: 'line',
					data: [1],
					markPoint: {
						data: []
					},
				},
				{
					name: '实际考核次数',
					type: 'line',
					data: [1],
					markPoint: {
						data: [
							{ type: 'max', name: 'Max' },
							{ type: 'min', name: 'Min' }
						]
					},
					markLine: {
						data: [
							{type: 'average', name: 'Avg'}
						]
					}
				}
			]
		};
		myChart.setOption(option);
		$.ajax({
			type: "get",//向后台发送请求的方式
			url: "/manager/analysis/listExamInfo",//向后台请求的url地址
			dataType: "json",
			success: function (data) {
				console.log(data);
				var arr = [];//遍历班级
				var arr1 = [];//遍历标准考核次数
				var arr2 = [];//遍历实际考核次数
				//循环遍历服务器返回的数组对象
				for (var i = 0; i < data.length; i++) {
					//获取每一个数组元素
					var obj = data[i];
					//获取obj对象的属性值
					var classname = obj.f_classname;
					if (obj.num == undefined) {
						obj.num = 0;
					} else {
						obj.num = obj.num;
					}
					var num = obj.num;
					arr[i] = classname;
					arr1[i] = 1;
					arr2[i] = num;
				}
				myChart.setOption({
					xAxis: [{
						data: arr
					}],
					yAxis: {},
					series: [{
						name: '标准考核次数',
						type: 'line',
						data: arr1
					}, {
						name: '实际考核次数',
						type: 'line',
						data: arr2
					}]
				});
			},
			error: function () {
				alert("异步交互失败~");
			}
		})

	})

    //地图
    $(function(){

		var myChart = echarts.init(document.getElementById('shijian04'));

        var mydata = [
            {name: '北京',value: '10'},{name: '天津',value: randomData() },
            {name: '上海',value: randomData() },{name: '重庆',value: randomData() },
            {name: '河北',value: randomData() },{name: '河南',value: randomData() },
            {name: '云南',value: randomData() },{name: '辽宁',value: randomData() },
            {name: '黑龙江',value: randomData() },{name: '湖南',value: randomData() },
            {name: '安徽',value: randomData() },{name: '山东',value: randomData() },
            {name: '新疆',value: randomData() },{name: '江苏',value: randomData() },
            {name: '浙江',value: randomData() },{name: '江西',value: randomData() },
            {name: '湖北',value: randomData() },{name: '广西',value: randomData() },
            {name: '甘肃',value: randomData() },{name: '山西',value: randomData() },
            {name: '内蒙古',value: randomData() },{name: '陕西',value: randomData() },
            {name: '吉林',value: randomData() },{name: '福建',value: randomData() },
            {name: '贵州',value: randomData() },{name: '广东',value: randomData() },
            {name: '青海',value: randomData() },{name: '西藏',value: randomData() },
            {name: '四川',value: randomData() },{name: '宁夏',value: randomData() },
            {name: '海南',value: randomData() },{name: '台湾',value: randomData() },
            {name: '香港',value: randomData() },{name: '澳门',value: randomData() }
        ];

        function randomData() {return Math.round(Math.random()*50);}
		var option = {
            backgroundColor: '#3A5FCD',
            title: {
                text: '全国地图大数据',
                subtext: '',
                x:'center'
            },
            tooltip : {
                trigger: 'item',
            },

            //左侧小导航图标
            visualMap: {
                show : true,
                x: 'left',
                y: 'center',
                splitList: [
                    {start: 25, end:50},{start: 20, end: 25},
                    {start: 15, end: 20},{start: 10, end: 15},
                    {start: 5, end: 10},{start: 0, end: 5},
                ],
                color: ['#f5c754', '#5def27', '#f34b09','#0cd5ef', '#e6ac53', '#9fb5ea']
            },

            //配置属性
            series: [{
                name: '数据',
                type: 'map',
                mapType: 'china',
                roam: true,
                label: {
                    normal: {
                        show: true  //省份名称
                    },
                    emphasis: {
                        show: false
                    }
                },
				data:mydata
            }


            ]
        };
		$.ajax({
			type:"get", //向后台发送请求的方式
			url:"/manager/analysis/listCity", //向后台请求的url地址
			dataType:"json", //服务器返回的数据类型
			success:function(data){
				//异步交互成功的回调函数，data就是后台返回的json数据
				console.log(data);
				//声明数组
				var arr1 = [];

				//循环遍历服务器返回的数组对象
				for(var i = 0; i < data.length; i++){
					//获取每一个数组元素
					var  obj = data[i];
					//获取obj对象的属性值
					var city = obj.f_addr;
					var num = obj.num1;

					//声明对象
					var target1 = {};
					target1.name = city;
					target1.value = num;
					arr1[i] = target1;
				}
				console.log(arr1);
				myChart.setOption({
					series: [
						{
							data: arr1
						}
					]
				});
			},
			error:function(){
				alert("异步交互失败~");
			}
		});

		myChart.setOption(option);

    })

	//地图史明芳——学员各省就业空间展示
	$(function () {
		var dom = document.getElementById("shijian03");
		var myChart = echarts.init(dom);
		var app = {};

		var option;

		var data = [];
		const geoCoordMap = {
			海门: [121.15, 31.89],
			鄂尔多斯: [109.781327, 39.608266],
			招远: [120.38, 37.35],
			舟山: [122.207216, 29.985295],
			齐齐哈尔: [123.97, 47.33],
			盐城: [120.13, 33.38],
			赤峰: [118.87, 42.28],
			青岛: [120.33, 36.07],
			乳山: [121.52, 36.89],
			金昌: [102.188043, 38.520089],
			泉州: [118.58, 24.93],
			莱西: [120.53, 36.86],
			日照: [119.46, 35.42],
			胶南: [119.97, 35.88],
			南通: [121.05, 32.08],
			拉萨: [91.11, 29.97],
			云浮: [112.02, 22.93],
			梅州: [116.1, 24.55],
			文登: [122.05, 37.2],
			上海: [121.48, 31.22],
			攀枝花: [101.718637, 26.582347],
			威海: [122.1, 37.5],
			承德: [117.93, 40.97],
			厦门: [118.1, 24.46],
			汕尾: [115.375279, 22.786211],
			潮州: [116.63, 23.68],
			丹东: [124.37, 40.13],
			太仓: [121.1, 31.45],
			曲靖: [103.79, 25.51],
			烟台: [121.39, 37.52],
			福州: [119.3, 26.08],
			瓦房店: [121.979603, 39.627114],
			即墨: [120.45, 36.38],
			抚顺: [123.97, 41.97],
			玉溪: [102.52, 24.35],
			张家口: [114.87, 40.82],
			阳泉: [113.57, 37.85],
			莱州: [119.942327, 37.177017],
			湖州: [120.1, 30.86],
			汕头: [116.69, 23.39],
			昆山: [120.95, 31.39],
			宁波: [121.56, 29.86],
			湛江: [110.359377, 21.270708],
			揭阳: [116.35, 23.55],
			荣成: [122.41, 37.16],
			连云港: [119.16, 34.59],
			葫芦岛: [120.836932, 40.711052],
			常熟: [120.74, 31.64],
			东莞: [113.75, 23.04],
			河源: [114.68, 23.73],
			淮安: [119.15, 33.5],
			泰州: [119.9, 32.49],
			南宁: [108.33, 22.84],
			营口: [122.18, 40.65],
			惠州: [114.4, 23.09],
			江阴: [120.26, 31.91],
			蓬莱: [120.75, 37.8],
			韶关: [113.62, 24.84],
			嘉峪关: [98.289152, 39.77313],
			广州: [113.23, 23.16],
			延安: [109.47, 36.6],
			太原: [112.53, 37.87],
			清远: [113.01, 23.7],
			中山: [113.38, 22.52],
			昆明: [102.73, 25.04],
			寿光: [118.73, 36.86],
			盘锦: [122.070714, 41.119997],
			长治: [113.08, 36.18],
			深圳: [114.07, 22.62],
			珠海: [113.52, 22.3],
			宿迁: [118.3, 33.96],
			咸阳: [108.72, 34.36],
			铜川: [109.11, 35.09],
			平度: [119.97, 36.77],
			佛山: [113.11, 23.05],
			海口: [110.35, 20.02],
			江门: [113.06, 22.61],
			章丘: [117.53, 36.72],
			肇庆: [112.44, 23.05],
			大连: [121.62, 38.92],
			临汾: [111.5, 36.08],
			吴江: [120.63, 31.16],
			石嘴山: [106.39, 39.04],
			沈阳: [123.38, 41.8],
			苏州: [120.62, 31.32],
			茂名: [110.88, 21.68],
			嘉兴: [120.76, 30.77],
			长春: [125.35, 43.88],
			胶州: [120.03336, 36.264622],
			银川: [106.27, 38.47],
			张家港: [120.555821, 31.875428],
			三门峡: [111.19, 34.76],
			锦州: [121.15, 41.13],
			南昌: [115.89, 28.68],
			柳州: [109.4, 24.33],
			三亚: [109.511909, 18.252847],
			自贡: [104.778442, 29.33903],
			吉林: [126.57, 43.87],
			阳江: [111.95, 21.85],
			泸州: [105.39, 28.91],
			西宁: [101.74, 36.56],
			宜宾: [104.56, 29.77],
			呼和浩特: [111.65, 40.82],
			成都: [104.06, 30.67],
			大同: [113.3, 40.12],
			镇江: [119.44, 32.2],
			桂林: [110.28, 25.29],
			张家界: [110.479191, 29.117096],
			宜兴: [119.82, 31.36],
			北海: [109.12, 21.49],
			西安: [108.95, 34.27],
			金坛: [119.56, 31.74],
			东营: [118.49, 37.46],
			牡丹江: [129.58, 44.6],
			遵义: [106.9, 27.7],
			绍兴: [120.58, 30.01],
			扬州: [119.42, 32.39],
			常州: [119.95, 31.79],
			潍坊: [119.1, 36.62],
			重庆: [106.54, 29.59],
			台州: [121.420757, 28.656386],
			南京: [118.78, 32.04],
			滨州: [118.03, 37.36],
			贵阳: [106.71, 26.57],
			无锡: [120.29, 31.59],
			本溪: [123.73, 41.3],
			克拉玛依: [84.77, 45.59],
			渭南: [109.5, 34.52],
			马鞍山: [118.48, 31.56],
			宝鸡: [107.15, 34.38],
			焦作: [113.21, 35.24],
			句容: [119.16, 31.95],
			北京: [116.46, 39.92],
			徐州: [117.2, 34.26],
			衡水: [115.72, 37.72],
			包头: [110, 40.58],
			绵阳: [104.73, 31.48],
			乌鲁木齐: [87.68, 43.77],
			枣庄: [117.57, 34.86],
			杭州: [120.19, 30.26],
			淄博: [118.05, 36.78],
			鞍山: [122.85, 41.12],
			溧阳: [119.48, 31.43],
			库尔勒: [86.06, 41.68],
			安阳: [114.35, 36.1],
			开封: [114.35, 34.79],
			济南: [117, 36.65],
			德阳: [104.37, 31.13],
			温州: [120.65, 28.01],
			九江: [115.97, 29.71],
			邯郸: [114.47, 36.6],
			临安: [119.72, 30.23],
			兰州: [103.73, 36.03],
			沧州: [116.83, 38.33],
			临沂: [118.35, 35.05],
			南充: [106.110698, 30.837793],
			天津: [117.2, 39.13],
			富阳: [119.95, 30.07],
			泰安: [117.13, 36.18],
			诸暨: [120.23, 29.71],
			郑州: [113.65, 34.76],
			哈尔滨: [126.63, 45.75],
			聊城: [115.97, 36.45],
			芜湖: [118.38, 31.33],
			唐山: [118.02, 39.63],
			平顶山: [113.29, 33.75],
			邢台: [114.48, 37.05],
			德州: [116.29, 37.45],
			济宁: [116.59, 35.38],
			荆州: [112.239741, 30.335165],
			宜昌: [111.3, 30.7],
			义乌: [120.06, 29.32],
			丽水: [119.92, 28.45],
			洛阳: [112.44, 34.7],
			秦皇岛: [119.57, 39.95],
			株洲: [113.16, 27.83],
			石家庄: [114.48, 38.03],
			莱芜: [117.67, 36.19],
			常德: [111.69, 29.05],
			保定: [115.48, 38.85],
			湘潭: [112.91, 27.87],
			金华: [119.64, 29.12],
			岳阳: [113.09, 29.37],
			长沙: [113, 28.21],
			衢州: [118.88, 28.97],
			廊坊: [116.7, 39.53],
			菏泽: [115.480656, 35.23375],
			合肥: [117.27, 31.86],
			武汉: [114.31, 30.52],
			大庆: [125.03, 46.58]
		};
		const convertData = function (data) {
			var res = [];
			for (var i = 0; i < data.length; i++) {
				var geoCoord = geoCoordMap[data[i].name];
				if (geoCoord) {
					res.push({
						name: data[i].name,
						value: geoCoord.concat(data[i].value)
					});
				}
			}
			return res;
		};
		option = {
			title: {
			},
			tooltip: {
				trigger: 'item',
				formatter:function(param){//提示信息格式化
					return "<b>"+param.data.name+"</b><br/>就业人数:"+param.data.value[2].split('?')[0]+"<br/>平均薪资:"+param.data.value[2].split('?')[1];
				}
			},
			bmap: {
				center: [104.114129, 37.550339],
				zoom: 5,
				roam: true,
				mapStyle:{
					styleJson: [{
						"featureType": "water",
						"elementType": "all",
						"stylers": {
							"color": "#3A5FCD"
						}
					}, {
						"featureType": "land",
						"elementType": "all",
						"stylers": {
							"color": "#473C8B"
						}
					}, {
						"featureType": "boundary",
						"elementType": "geometry",
						"stylers": {
							"color": "#064f85"
						}
					}, {
						"featureType": "railway",
						"elementType": "all",
						"stylers": {
							"visibility": "off"
						}
					}, {
						"featureType": "highway",
						"elementType": "geometry",
						"stylers": {
							"color": "#004981"
						}
					}, {
						"featureType": "highway",
						"elementType": "geometry.fill",
						"stylers": {
							"color": "#005b96",
							"lightness": 1
						}
					}, {
						"featureType": "highway",
						"elementType": "labels",
						"stylers": {
							"visibility": "on"
						}
					}, {
						"featureType": "arterial",
						"elementType": "geometry",
						"stylers": {
							"color": "#004981",
							"lightness": -39
						}
					}, {
						"featureType": "arterial",
						"elementType": "geometry.fill",
						"stylers": {
							"color": "#00508b"
						}
					}, {
						"featureType": "poi",
						"elementType": "all",
						"stylers": {
							"visibility": "off"
						}
					}, {
						"featureType": "green",
						"elementType": "all",
						"stylers": {
							"color": "#056197",
							"visibility": "off"
						}
					}, {
						"featureType": "subway",
						"elementType": "all",
						"stylers": {
							"visibility": "off"
						}
					}, {
						"featureType": "manmade",
						"elementType": "all",
						"stylers": {
							"visibility": "off"
						}
					}, {
						"featureType": "local",
						"elementType": "all",
						"stylers": {
							"visibility": "off"
						}
					}, {
						"featureType": "arterial",
						"elementType": "labels",
						"stylers": {
							"visibility": "off"
						}
					}, {
						"featureType": "boundary",
						"elementType": "geometry.fill",
						"stylers": {
							"color": "#029fd4"
						}
					}, {
						"featureType": "building",
						"elementType": "all",
						"stylers": {
							"color": "#1a5787"
						}
					}, {
						"featureType": "label",
						"elementType": "all",
						"stylers": {
							"visibility": "off"
						}
					}, {
						"featureType": "poi",
						"elementType": "labels.text.fill",
						"stylers": {
							"color": "#ffffff"
						}
					}, {
						"featureType": "poi",
						"elementType": "labels.text.stroke",
						"stylers": {
							"color": "#1e1c1c"
						}
					}, {
						"featureType": "administrative",
						"elementType": "labels",
						"stylers": {
							"visibility": "on"
						}
					}, {
						"featureType": "road",
						"elementType": "labels",
						"stylers": {
							"visibility": "off"
						}
					}]
				}
			},
			series: [
				{
					type: 'effectScatter',
					coordinateSystem: 'bmap',
					data: convertData(data),
					symbolSize: 4,
					color: '#C1FFC1',
					encode: {
						value: 2
					},
					label: {
						formatter: '{b}',
						position: 'right',
						show: false
					},
					emphasis: {
						label: {
							show: true
						}
					}
				}
			]
		};

		$.ajax({
			type:"get", //向后台发送请求的方式
			url:"/manager/analysis/employmentSpacePage", //向后台请求的url地址
			dataType:"json", //服务器返回的数据类型
			success:function(data){
				//异步交互成功的回调函数，data就是后台返回的json数据
				console.log(data);
				//声明数组
				var arr = [];
				//循环遍历服务器返回的数组对象
				for(var i = 0; i < data.length; i++){
					//获取每一个数组元素
					var  obj = data[i];
					//获取obj对象的属性值
					var company_city = obj.company_city;
					var num = obj.num;
					var avg_pay = obj.avg_pay;
					//声明对象
					var target = {};
					target.name = company_city;
					target.value = num+"?"+avg_pay;
					arr[i] = target;
				}
				console.log(arr);
				myChart.setOption({
					series: [{
						data: convertData(arr)
					}]
				});
			},
			error:function(){
				alert("异步交互失败~");
			}
		});

		if (option && typeof option === 'object') {
			myChart.setOption(option);
		}
	})

</script>